<script lang="ts" setup>

</script>
<template>
	<view class="goodsItem">
		<view class="giTop">
			<image src="../../static/logo.png" mode=""></image>
			<view class="gir">
				<text class="u-line-1">商品名称商品名称商品名称商品名称商品名称</text>
				<view class="">
					<text>库存999</text>
					<text>销量555</text>
				</view>
				<text>￥30.00</text>
			</view>
		</view>
		<view class="giBtm">
			<text>上架</text>
			<text>下架</text>
			<text>该库存</text>
			<text>改价格</text>
		</view>
	</view>
</template>
<style lang="scss">
	.goodsItem {
		width: 100%;
		height: 250rpx;
		border: 1rpx solid #000;
		margin: 10rpx 0;

		.giTop {
			width: 100%;
			height: 180rpx;
			display: flex;
			align-items: center;

			image {
				width: 150rpx;
				height: 150rpx;
				margin-right: 15rpx;
			}

			.gir {
				width: 500rpx;
			}
		}

		.giBtm {
			width: 100%;
			height: 70rpx;
			display: flex;
			justify-content: flex-end;
			align-items: center;

			text {
				padding: 4rpx 30rpx;
				background-color: #6C6C6C;
				color: #fff;
				font-size: 24rpx;
				border-radius: 4rpx;
				margin-left: 20rpx;
			}
		}
	}
</style>